<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>博客数据</title>
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="shortcut icon" href="favicon.ico">
<link href="${pageContext.request.contextPath}/css/github-gist.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/font-awesome.css"
	rel="stylesheet">
<link
	href="${pageContext.request.contextPath}/css/plugins/bootstrap-table/bootstrap-table.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/style.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/index.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/base.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/fakeLoader.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/plugins/sweetalert/sweetalert.css"
	rel="stylesheet">
	<!-- 测试 -->
	<link href="${pageContext.request.contextPath}/css/zTree/jquery.treegrid.css" rel="stylesheet" />
	<link href="${pageContext.request.contextPath}/css/layer.css" rel="stylesheet">
<style>
.news_infos span {
	font-size: 13px;
}
</style>
</head>

<body class="white-bg" style="opacity:0">
	<div id="fakeloader"></div>
	<div class="wrapper wrapper-content">
		<div class="ibox float-e-margins">
			<div class="ibox-title">
				<h5>菜单信息表格</h5>
				<div class="ibox-tools">
					<a class="collapse-link"> <i class="fa fa-chevron-up"></i>
					</a> 
					
					
				</div>
			</div>
			<div class="ibox-content">
				<div class="row row-lg">
					<div class="example">
					<shiro:hasPermission name = "sys:bloger:edit">
						<div id="toolbars">
							<!-- <button class="type btn btn-outline btn-primary" type="button" id="typeButton" value="5">All</button> -->
							<button class="btn btn-outline btn-success" data-toggle="modal" data-target="#myModalAdd" type="button"  onclick="add(0,'根目录')"  ><i class="fa fa-plus" ></i> 新增</button>
						</div>
					</shiro:hasPermission>
					<table id="exampleTable" data-mobile-responsive="true">
					</table>
						
					</div>
				</div>
			<div class="modal inmodal" id="myModal" tabindex="-2" role="dialog" aria-hidden="true">
					<div class="modal-dialog" style="width:702px">
						<div class="modal-content animated fadeInUp">
							<button type="button" class="close" style="margin-right:7px"
								data-dismiss="modal">
								<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
							</button>
							<div class="infos" style="margin:0px;">
								<div class="newsview" style="padding-top:0px;">
								<form class="form-horizontal m-t" id="signupForm">
						<input id="id" name="id" type="hidden">
						<input id="parentId" name="parentId" type="hidden">
						<div class="form-group">
							<label class="col-sm-3 control-label">上级菜单：</label>
							<div class="col-sm-8">
								<input id="paraentId" name="paraentId" class="form-control" type="text" readonly="readonly">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">菜单类型：</label>
							<div class="col-sm-8">
								<span id="type">
								
								</span>
								<label class="radio-inline"> 
									<input type="radio" name="type" value="1" checked="checked" /> 菜单 
								</label>
								<label class="radio-inline"> 
									<input type="radio" name="type" value="0" /> 目录 
								</label> 
								<label class="radio-inline"> 
									<input type="radio" name="type" value="2" /> 按钮 
								</label> 
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">菜单名称:</label>
							<div class="col-sm-8">
								<input id="uname" name="name" class="form-control" type="text">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">链接地址:</label>
							<div class="col-sm-8" id="status">
								<input id="url" name="url" class="form-control" type="text">
							</div>
						</div>
						<div class="form-group" >
							<label class="col-sm-3 control-label">权限标识:</label>
							<div class="col-sm-8" id="sex">
								<input id="perms" name="perms" class="form-control" type="text">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">排序号:</label>
							<div class="col-sm-8" id="roleId">
								<input id="orderNum" name="orderNum" class="form-control" type="number">
							</div>
						</div>
						<div class="form-group">
								<label class="col-sm-3 control-label">图标：</label>
								<div class="col-sm-5">
									<input id="icon1" name="icon" class="form-control" value="" type="text"
										placeholder="例如：fa fa-circle-o">
								</div>
								<input id="ico-btn" onclick="ico()" class="btn btn-warning" type="button" value="选择图标">
						</div>
					</form>
								</div>
							</div>
							<div class="modal-footer">
								<span class="update"></span>
								<button type="button" class="btn btn-primary"
									data-dismiss="modal">关闭</button>
							</div>
						</div>
					</div>
				</div>
			<!-- 新增 -->
				<div class="modal inmodal" id="myModalAdd" tabindex="-1" role="dialog" aria-hidden="true">
					<div class="modal-dialog" style="width:702px">
						<div class="modal-content animated fadeInUp">
							<button type="button" class="close" style="margin-right:7px"
								data-dismiss="modal">
								<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
							</button>
							<div class="infos" style="margin:0px;">
								<div class="newsview" style="padding-top:0px;">
								<form class="form-horizontal m-t" id="signupForm2">
						<div class="form-group">
							<label class="col-sm-3 control-label">上级菜单：</label>
							<div class="col-sm-8">
								<input id="nparaentId" name="paraentId" class="form-control" type="text" value="" readonly="readonly">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">菜单类型：</label>
							<div class="col-sm-8">
								<label class="radio-inline"> 
									<input type="radio" name="ntype" value="1" checked="checked" /> 菜单 
								</label>
								<label class="radio-inline"> 
									<input type="radio" name="ntype" value="0" /> 目录 
								</label> 
								<label class="radio-inline"> 
									<input type="radio" name="ntype" value="2" /> 按钮 
								</label> 
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">菜单名称:</label>
							<div class="col-sm-8">
								<input id="nname" name="nname" class="form-control" type="text">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">链接地址:</label>
							<div class="col-sm-8" id="status">
								<input id="nurl" name="nurl" class="form-control" type="text">
							</div>
						</div>
						<div class="form-group" >
							<label class="col-sm-3 control-label">权限标识:</label>
							<div class="col-sm-8" id="sex">
								<input id="nperms" name="nperms" class="form-control" placeholder="例如：sys:user:add" type="text">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label">排序号:</label>
							<div class="col-sm-8" id="roleId">
								<input id="norderNum" name="norderNum" class="form-control" type="number">
							</div>
						</div>
						<div class="form-group">
								<label class="col-sm-3 control-label">图标：</label>
								<div class="col-sm-5">
									<input id="icon2" name="nicon" class="form-control" value="" type="text"
										placeholder="例如：fa fa-circle-o">
								</div>
								<input id="ico-btn" onclick="ico()" class="btn btn-warning" type="button" value="选择图标">
						</div>
					</form>
								</div>
							</div>
							<div class="modal-footer">
								<span class="add">
								<!-- <button id="add" class="J_menuItem btn btn-white" onclick="addBloger()">添加</button> -->
								</span>
								<button type="button" onclick="clearAdd()" class="btn btn-primary"
									data-dismiss="modal">关闭</button>
							</div>
						</div>
					</div>
				</div>
				
				
			</div>
		</div>

	</div>
	<!-- 全局js -->
	<script src="${pageContext.request.contextPath}/js/jquery.min.js"></script>

	<script src="${pageContext.request.contextPath}/js/highlight.pack.js"></script>
	<script>hljs.initHighlightingOnLoad();</script>
	<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>

	<!-- 自定义js -->
	<script src="${pageContext.request.contextPath}/js/content.js"></script>
	<script src="${pageContext.request.contextPath}/js/plugins/sweetalert/sweetalert.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/contabs.js"></script>
	<script src="${pageContext.request.contextPath}/js/fakeLoader.min.js"></script>
	<!-- Bootstrap table -->
	<script src="${pageContext.request.contextPath}/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	
	<!-- 测试 -->
	<script src="${pageContext.request.contextPath}/js/plugins/zTree/jstree.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/plugins/zTree/jquery.treegrid.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/plugins/zTree/jquery.treegrid.extension.js"></script>
	<script src="${pageContext.request.contextPath}/js/plugins/zTree/jquery.treegrid.bootstrap3.js"></script>
	
	
	<script src="${pageContext.request.contextPath}/js/admin/system/menu.js"></script>
	<script src="${pageContext.request.contextPath}/js/layer.js"></script>
</body>
</html>
